<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />
<meta name="keywords" content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" />
<title>填写资料-用户注册</title>
<link rel="icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="http://static.test.com/images/common/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://static.test.com/style/v1/base.css" />
<style type="text/css">
#form_demo td{ padding:5px 3px; }
.job_slect{ width:110px;}
.job_slect .select_options{min-width:108px; /*height:200px;overflow-y:scroll;*/}

.drop_list_body a{padding:2px 5px 2px 5px;width:200px;line-height:20px;min-height:20px;text-align:right;cursor:pointer;color:#0055aa;display:block;text-decoration:none;}
.drop_list_body span{margin: 0px;padding: 0px;float:left;text-align:left;}
.drop_list_body a:hover{color:#0055aa;background:#E7F1FD;text-decoration:none;}
.drop_list_body a.selected{color:#0055aa;background:#E7F1FD;text-decoration:none;}

.goods_price{width:80px;}
.goods_price input{width:50px;}

/* friend select view */
.friend_select_view {width: 575px;}
.friend_images_view {background: white;height: auto;overflow:hidden;}
.friend_images_view .thumb {background: #dddddd;padding: 3px;}
.friend_images_view .thumb img {height: 50px;width: 50px;}
.friend_images_view .thumb_wrap {float: left;margin: 4px;margin-right: 0;padding: 5px;cursor:pointer;}
.friend_images_view .thumb_wrap span {display: block;margin-top:5px;overflow: hidden;text-align: center;}
.friend_images_view .view_over {border:1px solid #dddddd;background: #efefef repeat-x left top;padding: 4px;}
.friend_images_view .view_selected {background: #D7F8AC url(images/common/form/friend_selected.png) no-repeat right bottom;border:1px solid #149525;padding: 4px;}
.friend_images_view .view_selected .thumb {background:transparent;}
.friend_images_view .select_status {padding-left:20px;background:#E6EFF3 none repeat scroll 0 0;border-top:1px solid #E0E0E0;}
.friend_images_view .select_status span {color:#F00;font-weight:bold;}
.friend_images_view .select_button {padding-right:50px;background:#E6EFF3 none repeat scroll 0 0;border-top:1px solid #E0E0E0;}
.friend_images_view .select_button input{margin:0 6px;}
.friend_images_view .text{height:16px;line-height:16px;}

.friend_images_view .friend_pages{font-family:Verdana, Geneva, sans-serif;overflow:hidden;padding:10px 0px;text-align:center;}
.friend_images_view .friend_pages a{padding:2px 5px;text-decoration:none;margin:0 2px;color:#203558;border:1px solid #849CC6;}
.friend_images_view .friend_pages a:hover{background-color:#E5EDF9;color:#203558;}
.friend_images_view .friend_pages a.cur{background-color:#5E90C3;border:1px solid #5E90C3;color:#FFF;font-weight:bold;padding:2px 5px;}
.friend_images_view .friend_pages a.cur:hover{background-color:#5E90C3;color:#FFFFFF;}

</style>
</head>
<body>
<br /><br />
<div id="div_emotion_panel" class="emotion" style="left:800px; top:50px;">
	<div class="box_wrap">
    	<div class="title">
        	<ul class="menu">
            	<li class="cur"><a href="#" onclick="this.blur();return false;">常用表情</a></li>
                <li class="magic"><a href="#" onclick="this.blur();return false;"><strong></strong>魔法表情</a></li>
            </ul>
        </div>
        <div class="table clearfix">
        	<div class="label">
            	<ul class="clearfix">
                	<li><a class="selected" href="#">默认</a><em>|</em></li>
                    <li><a href="#">心情</a><em>|</em></li>
                    <li><a href="#">休闲</a></li>
                </ul>
            </div>
            <div class="action">
            	<a href="#" class="pre" title="上一页"></a>
                <a href="#" class="next" title="下一页" ></a>
            </div>
        </div>
        <div class="body">
            <div class="emo clearfix">
              <ul>
                <li title="呵呵"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/eb/smile.gif"></a></li>
                <li title="嘻嘻"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c2/tooth.gif"></a></li>
                <li title="哈哈"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6a/laugh.gif"></a></li>
                <!--
                <li title="爱你"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7e/love.gif"></a></li>
                <li title="晕"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a4/dizzy.gif"></a></li>
                <li title="泪"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/sad.gif"></a></li>
                <li title="馋嘴"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b8/cz_thumb.gif"></a></li>
                <li title="抓狂"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/4d/crazy.gif"></a></li>
                <li title="哼"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/19/hate.gif"></a></li>
                <li title="可爱"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/9c/tz_thumb.gif"></a></li>
                <li title="怒"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/57/angry.gif"></a></li>
                <li title="汗"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/13/sweat.gif"></a></li>
                <li title="困"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/8b/sleepy.gif"></a></li>
                <li title="害羞"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/05/shame_thumb.gif"></a></li>
                <li title="睡觉"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7d/sleep_thumb.gif"></a></li>
                <li title="钱"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/90/money_thumb.gif"></a></li>
                <li title="偷笑"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/7e/hei_thumb.gif"></a></li>
                <li title="酷"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/40/cool_thumb.gif"></a></li>
                <li title="衰"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/af/cry.gif"></a></li>
                <li title="吃惊"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f4/cj_thumb.gif"></a></li>
                <li title="闭嘴"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/29/bz_thumb.gif"></a></li>
                <li title="鄙视"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/71/bs2_thumb.gif"></a></li>
                <li title="挖鼻屎"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b6/kbs_thumb.gif"></a></li>
                <li title="花心"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/hs_thumb.gif"></a></li>
                <li title="鼓掌"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/1b/gz_thumb.gif"></a></li>
                <li title="失望"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0c/sw_thumb.gif"></a></li>
                <li title="思考"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/e9/sk_thumb.gif"></a></li>
                <li title="生病"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b6/sb_thumb.gif"></a></li>
                <li title="亲亲"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/8f/qq_thumb.gif"></a></li>
                <li title="怒骂"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/89/nm_thumb.gif"></a></li>
                <li title="太开心"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/58/mb_thumb.gif"></a></li>
                <li title="懒得理你"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/17/ldln_thumb.gif"></a></li>
                <li title="右哼哼"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/98/yhh_thumb.gif"></a></li>
                <li title="左哼哼"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6d/zhh_thumb.gif"></a></li>
                <li title="嘘"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a6/x_thumb.gif"></a></li>
                <li title="委屈"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/73/wq_thumb.gif"></a></li>
                <li title="吐"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/9e/t_thumb.gif"></a></li>
                <li title="可怜"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/af/kl_thumb.gif"></a></li>
                <li title="打哈气"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/f3/k_thumb.gif"></a></li>
                <li title="做鬼脸"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/88/zgl_thumb.gif"></a></li>
                <li title="握手"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/0c/ws_thumb.gif"></a></li>
                <li title="耶"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d9/ye_thumb.gif"></a></li>
                <li title="good"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/good_thumb.gif"></a></li>
                <li title="弱"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d8/sad_thumb.gif"></a></li>
                <li title="不要"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/c7/no_thumb.gif"></a></li>
                <li title="ok"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d6/ok_thumb.gif"></a></li>
                <li title="赞"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d0/z2_thumb.gif"></a></li>
                <li title="来"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/40/come_thumb.gif"></a></li>
                <li title="蛋糕"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6a/cake.gif"></a></li>
                <li title="心"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/6d/heart.gif"></a></li>
                <li title="伤心"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/ea/unheart.gif"></a></li>
                <li title="钟"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/d3/clock_thumb.gif"></a></li>
                <li title="猪头"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/58/pig.gif"></a></li>
                <li title="咖啡"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/64/cafe_thumb.gif"></a></li>
                <li title="话筒"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/1b/m_thumb.gif"></a></li>
                <li title="干杯"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/bd/cheer.gif"></a></li>
                <li title="绿丝带"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b8/green.gif"></a></li>
                <li title="蜡烛"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/cc/candle.gif"></a></li>
                <li title="微风"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/a5/wind_thumb.gif"></a></li>
                <li title="月亮"><a href="#" onclick="return false;"><img src="http://timg.sjs.sinajs.cn/t3/style/images/common/face/ext/normal/b9/moon.gif"></a></li>
                -->
              </ul>
            </div>
        </div>
    </div>
</div>
<form id="form_demo" name="form1" method="post" action="">
<table width="800" border="0" align="center" cellpadding="5" cellspacing="0">
  <tr>
    <td width="140" align="right"><em class="required">*</em>正常：</td>
    <td><input type="text" class="text has_over" value="" name="f_name_hint" id="f_name_hint" /></td>
  </tr>
  <tr>
    <td align="right"><em class="required">*</em>提示：</td>
    <td><input type="text" class="text hint has_over" value="中文/拼音/PingYing" tips="中文/拼音/PingYing" name="f_name_hint" id="f_name_hint" /></td>
  </tr>
  <tr>
    <td align="right">背景：</td>
    <td><input type="text" class="text bg_search has_over" value="" name="f_name_hint" id="f_name_hint" /></td>
  </tr>
  <tr>
    <td align="right">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <!--
  <tr>
    <td align="right">搜索三种状态：</td>
    <td>
        <div id="f_search_company" class="input_finder" style="width:150px;"><input type="text" value="" name="f_input_company"  id="f_input_company" /><em class="finder_search">搜索</em></div><br />
        <div id="f_search_company2" class="input_finder" style="width:150px;"><input type="text" value="" name="textfield"/><em class="finder_clear">清空</em></div><br />
        <div id="f_search_company3" class="input_finder" style="width:150px;"><input type="text" value="" name="textfield"/><em class="finder_loading">加载</em></div><br />
    </td>
  </tr>
  -->
  <tr>
    <td align="right">下拉提示：</td>
    <td>
    	<div class="input_auto_drop" id="auto_drop_city"><input type="text" class="text has_over" style="width:200px;" value="" name="textfield" /><em class="drop_loading" style="display:none;"></em></div>
    </td>
  </tr>
  <tr>
    <td align="right">日期：</td>
    <td><div class="input_calendar has_over" id="calendar_start_date"><input type="text" id="start_date" readonly="readonly" value="2011-09-16 11:40:55" name="textfield"/><em title="选择日期">日历</em></div></td>
  </tr>
  <tr>
    <td align="right">下拉菜单：</td>
    <td>
           <div class="form_select job_slect" >
           	<input type="hidden" name="f_job" value="10" />
         	<div class="select_input clearfix"><span>选择职位类别</span><em></em></div>
            <div class="select_options">
                <ul>
                    <li val="1">销售</li>
                    <li val="2">市场/市场拓展/公关</li>
                    <li val="3">计算机软、硬件/互联网/IT</li>
                    <li val="4">电子/半导体/仪表仪器</li>
                    <li val="5">通信技术</li>
                    <li val="6">客户服务/技术支持</li>
                    <li val="7">行政/后勤</li>
                    <li val="8">人力资源</li>
                    <li val="9">高级管理</li>
                    <li val="10">生产/加工/制造</li>
                    <li val="11">质控/安检</li>
                </ul>
            </div>
         </div>
    </td>
  </tr>
  <tr>
    <td align="right">下拉菜单：</td>
    <td>
           <div class="form_select job_slect" >
           	<input type="hidden" name="f_job2" value="10" />
         	<div class="select_input clearfix"><span>选择职位类别</span><em></em></div>
            <div class="select_options">
                <ul>
                    <li val="1">销售</li>
                    <li val="2">市场/市场拓展/公关</li>
                    <li val="3">计算机软、硬件/互联网/IT</li>
                    <li val="4">电子/半导体/仪表仪器</li>
                    <li val="5">通信技术</li>
                    <li val="6">客户服务/技术支持</li>
                    <li val="7">行政/后勤</li>
                    <li val="8">人力资源</li>
                    <li val="9">高级管理</li>
                    <li val="10">生产/加工/制造</li>
                    <li val="11">质控/安检</li>
                </ul>
            </div>
         </div>
    </td>
  </tr>
  <tr>
    <td align="right">多选：</td>
    <td>
     <div class="form_checkbox"><ul class="clearfix">
        <li><label><input type="checkbox" name="f_liks" /><span></span><em>上网</em></label></li>
        <li><label><input type="checkbox" name="f_liks" disabled="disabled" /><span class="checked"></span><em>旅游</em></label></li>
        <li><label><input type="checkbox" name="f_liks" checked="checked" /><span></span><em>环游世界</em></label></li>
        <li><label><input type="checkbox" name="f_liks" checked="checked" disabled="disabled" /><span></span><em>运动</em></label></li>
     </ul></div>
    </td>
  </tr>
  <tr>
    <td align="right">单选：</td>
    <td>
        <div class="form_radio"><ul class="clearfix">
            <li><label><input type="radio" name="f_kidney" value="幽默" /><span></span><em>幽默</em></label></li>
            <li><label><input type="radio" name="f_kidney" value="乐观" /><span class="checked"></span><em>乐观</em></label></li>
            <li><label><input type="radio" name="f_kidney" value="外向" /><span></span><em>外向</em></label></li>
            <li><label><input type="radio" name="f_kidney" value="谨慎" /><span></span><em>谨慎</em></label></li>
        </ul></div>
    </td>
  </tr>
  <tr>
    <td align="right">图标事件：</td>
    <td><div id="f_daxue" class="input_select has_over" style="width:400px;"><a title="选择学校" href="javascript:{};" class="icon_select"></a><p><input type="text" id="f_input_daxue" /></p></div></td>
  </tr>
  <tr>
    <td align="right">标签输入：</td>
    <td>
        <input type="hidden" id="send_gift_friends_val" />
        <div id="send_gift_friends_container" class="input_friend_select has_over" style="width:400px;">
            <a id="send_gift_friends_selecter" title="选择好友" href="javascript:{};" class="icon_select"></a>
            <div class="s_container"><ul class="clearfix">
                <li><input id="send_gift_friends_auto" type="text" /></li>
            </ul></div>
        </div>
    </td>
  </tr>
  <tr>
    <td align="right">文本框：</td>
    <td>
        <div style="width:392px;" class="clearfix"><span class="icon_emotion" style="float:left;" id="emotionPanel" title="表情"></span><span class="text_limit">字数限制： <span id="wContent_bytes">0</span>/200</span></div>
        <div style="padding-top:1px;"><textarea name="content" class="text has_over" style="width:392px;" rows="5" id="wContent"></textarea></div>
    </td>
  </tr>
  
  <tr>
    <td align="right">上下：</td>
    <td>
    <div class="form_spinbox goods_price has_over clearfix">
    	<span><input type="text" id="start_date" name="textfield" value="1" setp="1" min="1" max="10" /></span>
    	<div><a href="javascript:{};" hidefocus="true" class="up">上</a><a href="javascript:{};" hidefocus="true" class="down">下</a></div>
    </div>
    </td>
  </tr>
  
  <tr>
    <td align="right">上下：</td>
    <td>
    <div class="form_spinbox goods_price has_over clearfix">
    	<span><input type="text" id="start_date1" name="textfield" value="1.1" setp="0.01" min="1" max="10" /></span>
    	<div><a href="javascript:{};" hidefocus="true" class="up">上</a><a href="javascript:{};" hidefocus="true" class="down">下</a></div>
    </div>
    </td>
  </tr>
  
  <tr>
    <td align="right">密码：</td>
    <td>
      <input type="password" class="text has_over" name="textfield2" id="f_password" style="width:200px;" />
        <div class="password_strength">
            <span>密码强度</span>
            <div id="div_password_strength" class="is0"></div>
        </div>
    </td>
  </tr>
  
  <tr>
    <td align="right">&nbsp;</td>
    <td><a href="javascript:void(0);" class="button_cancel"><em>取消</em></a></td>
  </tr>
  
</table>
</form>
<script type="text/javascript" src="http://static.test.com/js/loader.js"></script>
<script type="text/javascript">
loader.load({url:'module!jquery', charset:'utf-8'}, function(){
	loader.load('module!form-ui', function(){
		$('#form_demo').formUI();
		$('#f_password').passwordStrength();
	})
	.load('module!auto-drop', function(){
		var citys = [{p:'Beijing',n:'北京'},{p:'Shanghai',n:'上海'},{p:'Shenzhen',n:'深圳'},
						 {p:'Guangzhou',n:'广州'},{p:'Qingdao',n:'青岛'},{p:'Chengdu',n:'成都'},
						 {p:'Hangzhou',n:'杭州'},{p:'Wuhan',n:'武汉'},{p:'Tianjin',n:'天津'},
						 {p:'Dalian',n:'大连'},{p:'Xiamen',n:'厦门'},{p:'Chongqing',n:'重庆'}];
	
		$('#auto_drop_city').autoDrop({titleMsg:'输入中文/拼音或按↑↓键选择', getData: function(keyword, maxRow){
			for (var i = 0; i < citys.length; i++) {
				if (citys[i].p.toLowerCase().indexOf(keyword.toLowerCase()) == 0) {
					this.addRowToPanelList('<a href="javascript:{};"><span>'+ citys[i].p +'</span>'+ citys[i].n +'</a>', citys[i].n);
				}
			}
		}});
	})
	.load('module!calendar', function(){
		$('#calendar_start_date').calendar({format:'yyyy年M月d日'});
	})
	.load(['module!drag', 'module!popup'], function(){
		$('#send_gift_friends_selecter').click(function(){
			var friend = new web.Popup({id:'friend_view', title:'会员登录', width:590, height:400, body:{type:'page', val:'/test/ajax_friend_select.html'}, 
				onload: function(){
					var _class = this;
					this.getBodyElement('.button_cancel').click(function(){
						_class.hide();
						return false;
					})
				}});
			friend.show();
		});
	});
});

</script>
</body>
</html>
